@import "~assets/styles/_bootstrap";

body {
	background: #fff;
}

.mfindpwd-one {
  font-size: rem(14px);

  .form {
  	padding: rem(40px) rem(10px) rem(10px) rem(15px);


  	.input-group {
  		width: 100%;
  		height: rem(50px);
  		line-height: rem(50px);
  		border-bottom: 1px solid $lineCol;

  		.input {
		    position: absolute;
		    left: 0;
		    top: 0;
		    bottom: 0;
		    margin: auto;
		    padding-right: rem(30px);
				width: 100%;
		    height: rem(30px);
		    line-height: rem(30px);

		    &.pass {
		    	width: rem(230px);
		    }

				&.active {
					display: block;
				}

		    > input {
		    	padding: 0 rem(5px);
		    	width: 100%;
		    	height: 100%;
		    	font-size: rem(16px);
		    	color: #666;
		    	border: none;
		    }

		    .icon {
		    	position: absolute;
		    	top: 0;
		    	bottom: 0;
		    	right: rem(5px);
		    	margin: auto 0;
		    	width: rem(21px);
		    	height: rem(21px);

					&:before {
						font-size: rem(21px);
						color: #ddd;
					}
		    }
  		}

	    > img {
	    	position: absolute;
	    	top: 0;
	    	bottom: 0;
	    	right: 0;
	    	margin: auto 0;
				width: rem(115px);
				height: rem(36px);
	    }
  	}

  	.login-submit {
  		padding-top: rem(30px);

  		> button {
	  		display: block;
	  		width: 100%;
	  		height: rem(50px);
	  		line-height: rem(50px);
	  		background: #EC5151;
	  		text-align: center;
	  		font-size: rem(18px);
	  		color: #fff;
	  		border: none;
	  		border-radius: rem(5px);
	  		cursor: pointer;
  		}
  	}
  }
}